<!doctype html>

<!--这个页面是系统通知列表页面-->
<!--点击列表项，进入消息详情页面-->
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
	<a href="/iphone/user" class=" mui-icon  mui-pull-left"><span style="font-size: 15px">返回</span></a>
	<h1 class="mui-title">系统通知</h1>
</header>
<div class="mui-content">
	<ul class="mui-table-view">
		<li class="mui-table-view-cell mui-collapse" th:each="message:${messageDOList}">
			<a class="" href="#">
				<p th:text="${message.redundance1}">消息1</p>
				<i class="layui-icon" style="float: right"> <span th:text="${#dates.format(message.messageDate, 'yyyy-MM-dd HH:mm:ss')}"></span> </i>
			</a>
			<div class="mui-collapse-content">
				<div id="sys-msg-detial" style="margin: 1em;" th:text="${message.userMessage}">
					消息内容 消息内容消息内容消息内容消息内容 消息内容消息内容消息内容消息内容消息内容 消息内容消息内容消息内容消息内容消息内容
				</div>
				<a th:href="'/iphone/message/delete/'+${message.id}+'/'+${userid}" class="mui-btn mui-btn-danger" style="text-align: center; float: right; margin-right: 2em;">删除</a>

			</div>
		</li>
		<li class="mui-table-view-cell mui-media" th:attr="hidden=(${messageDOList==null} ? false:true)">
			<div class="content" style="text-align: center">
				暂无信息！
			</div>
		</li>
	</ul>
</div>

</body>

<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript">
    mui.init();
</script>
</html>